<template>
  <div>
    <el-form :model="formData" :rules="rules" ref="form" label-position="top">
      <el-form-item label="性别" prop="gender">
        <el-select v-model.trim="formData.gender">
          <el-option value="男"></el-option>
          <el-option value="女"></el-option>
        </el-select>
      </el-form-item>
    </el-form>
    <div class="btn">
      <slot name="btn">
        <el-button type="primary" @click="handlePre">上一步</el-button>
        <el-button type="primary" @click="handleNext">下一步</el-button>
      </slot>
    </div>
  </div>
</template>

<script>
import MixinSubForm from "@/components/throwControl/mixinSubForm";

export default {
  name: "formB",
  mixins: [MixinSubForm],
  data() {
    return {
      formData: {
        gender: ''
      },
      rules: {
        gender: [{required: true, message: '性别必选', trigger: 'change'}]
      }
    }
  }
}
</script>

<style scoped>
.btn {
  margin-top: 20px;
}
</style>
